.WorksheetSharePage {
  .fot {
    width: 100%;
    font-size: 12px;
    color: #bdbdbd;
    line-height: 24px;
    text-align: center;
    a {
      color: #757575;
      &:hover {
        color: #2196f3;
      }
    }
  }
  .recordCardListBox {
    padding-top: 40px;
    &.isPublicquery {
      padding-top: 80px;
    }

    .noDataCon {
      position: relative;
    }

    .recordCardListHeader {
      // padding: 11px 94px 0 0;
      margin-top: 4px;
      // height: 34px;
      // display: flex;
      align-items: center;
      position: fixed;
      top: 50px;
      z-index: 1;
      width: 880px;
      background-color: #f5f5f9;
      .flexRow {
        padding: 10px 0px;
        &.minW {
          padding-right: 92px;
        }
      }

      .icon-ic_title {
        font-size: 17px;
        color: #bdbdbd;
      }

      .controlName {
        margin-left: 6px;
        overflow: hidden;
        .orderStatus {
          display: inline-block;
          font-size: 12px;
          vertical-align: bottom;
          margin: -4px 0 0 2px;
          transform: scale(0.9);

          .icon {
            color: #bdbdbd;

            &.hover {
              color: #9e9e9e;
            }
          }

          .icon-arrow-up {
            margin-bottom: -4px;
          }
        }

        &.title {
          position: absolute;
          margin-left: 0px;
          margin-top: 0px;

          .icon-ic_title {
            position: relative;
            top: 1px;
          }

          .orderStatus {
            margin: 0px 0 0 2px;
          }
        }

        .controlNameValue {
          position: relative;
          top: 2px;
          max-width: calc(~'100% - 40px');
          word-wrap: break-word;
          word-break: break-word;
          display: inline-block;
        }

        &:nth-child(2) .controlNameValue {
          margin-left: 26px;
        }
      }
    }

    @media screen and (max-width: 880px) {
      .recordCardListHeader {
        width: 100%;
        margin: 0 -5px;
        padding: 0 10px;
      }
      .recordCardListHeader .flexRow {
        display: none;
      }
    }
  }
  @media screen and (max-width: 880px) {
    .recordCardListBox {
      padding-top: 20px;
      &.isPublicquery {
        padding-top: 50px;
      }
    }
  }
}
